{% extends "base.html" %}
{% block title %}设置{% endblock %}
{% block head %}
<link type="text/css" rel="stylesheet" media="screen" href="/stylesheets/setting.css" />
<link type="text/css" rel="stylesheet" media="screen" href="/stylesheets/TextboxList.css" />
{% endblock %}
{% block content %}
<div id="conWrapper" class="clearfix">
	{% include "components/setting_tab.html" %}
	<div>
	<form method="post" action="/setting" id="form1" name="form1">
	<table class="tb">
		<tbody>
		<tr>
			<th>引用格式：</th>
			<td>
				<input type="text" id="rt" name="rt" class="txt" value="{{ settings.rt }}" /> <br />
				<span class="conTinge">{user}为用户名，{content}为内容，{cursor}为光标位置</span>
			</td>
		<tr>
		<tr>
			<th>自动显示内容</th>
			<td>
				<input type="checkbox" id="auto_show_content" name="auto_show_content"/> <br />
				<span class="conTinge">鼠标滚动的时候自动显示最新的或之前的推</span>
			</td>
		<tr>
		<tr>
			<th>过滤关键词：</th>
			<td>
				<input type="text" id="filters" name="filters" class="txt" value="{{ settings.filters }}" />
				<span class="conTinge">在文本框输入回车来增加关键词</span>
			</td>
		<tr>
		<tr>
			<th>自定义CSS：</th>
			<td><textarea id="css" name="css" class="txt">{{ settings.css }}</textarea></span>
			</td>
		</tr>
		<tr>
			<th>&nbsp;</th>
			<td><button class="btn w2" type="submit">保存</button></td>
		</tr>
	</tbody></table>
	</form>
	</div>
</div>
<div id="side">
	<div class="sideSection">
		<div class="sideSection_header">
			<h3>基本信息</h3>
		</div>
		<p>设置你的基本信息，除了你的联系方式，例如QQ、msn和邮箱，你的基本资料将会出现在个人主页。</p>
	</div>           
</div>
{% endblock %}
{% block scripts %}
<script type="text/javascript" src="/js/TextboxList.js"></script>
<script type="text/javascript" src="/js/GrowingInput.js"></script>
<script type="text/javascript">
$.TextboxList('#filters');
</script>
{% endblock %}